<template>
    <doc-main>
        <div class="col-lg-4" v-for="(image, index) in images" :key="image.id">
            <image-popups :src="image" width="100%" :originSrc="image" type="all"> </image-popups>
        </div>
    </doc-main>
</template>

<style>
    @import "../../../js/sass/custom/_stype.scss";
</style>

<script>
    import DocMain from '../layout/DocMain.vue';
    import ImagePopups from '../../../js/components/widget/ImagePopups.vue';

    export default {
        data () {
            return {
                value: true,
                images: [
                    'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=194484982,1388463003&fm=27&gp=0.jpg',
                    'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=51477731,2954588368&fm=27&gp=0.jpg',
                    'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2178445593,1390463646&fm=11&gp=0.jpg'
                ]
            };
        },
        components: {
            ImagePopups,
            DocMain
        },
        mounted () {
        }
    };
</script>
